<script>
    function grid(data) {
        // prepare the data
        var source =
                {
                    datatype: "json",
                    datafields: [
                        {name: 'cod_prod',type: 'string'},
                        {name: 'cod_factura',type: 'string'},
                        {name: 'forma_pago',type: 'string'},
                        {name: 'cliente',type: 'string'},
                        {name: 'fecha_ingreso', type:'date'},
                        {name: 'nombre',type: 'string'},
                        {name: 'categoria',type: 'string'},
                        {name: 'cantidad',type: 'number'},
                        {name: 'precio',type: 'number'},
                        {name: 'descuento',type: 'number'},
                        {name: 'precio_venta',type: 'number'},
                        {name: 'costo_unitario',type: 'number'},
                        {name: 'neto',type: 'number'},
                        {name: 'iva',type: 'number'},
                        {name: 'total', type: 'number'}
                    ],
                    id: 'cod_factura',
                    localdata: data
                };
        var dataAdapter = new $.jqx.dataAdapter(source);

        $("#resultado").jqxGrid({
            width: 1000,
            height: 350,
            sortable: true,
            pageable: true,
            pagesize: 10,
            source: dataAdapter,
            columnsresize: true,
            columns: [
                {text: 'Cod. Producto', datafield: 'cod_prod', width: 100, hidden: true},
                {text: 'Num. Factura', datafield: 'cod_factura', width: 100},
                {text: 'Forma de Pago', datafield: 'forma_pago', width: 110},
                {text: 'Cliente', datafield: 'cliente', width: 250},
                {text: 'Fecha de Ingreso', datafield: 'fecha_ingreso', width: 120, cellsformat: 'dd/MM/yyyy'},
                {text: 'Producto', datafield: 'nombre', width: 200},
                {text: 'Categoria', datafield: 'categoria', width: 250},
                {text: 'Cantidad', datafield: 'cantidad', width: 100},
                {text: 'Precio de Lista', datafield: 'precio', width: 110,cellsformat: 'c0'},
                {text: '%Descuento', datafield: 'descuento', width: 100,cellsformat: 'P2'},
                {text: 'Precio de Venta', datafield: 'precio_venta', width: 110,cellsformat: 'c0'},
                {text: 'Costo Unit.', datafield: 'costo_unitario', width: 100,cellsformat: 'c0'},
                {text: 'Neto', datafield: 'neto', width: 100,cellsformat: 'c0'},
                {text: 'Iva', datafield: 'iva', width: 100,cellsformat: 'c0'},
                {text: 'Total', datafield: 'total', width: 150, cellsformat: 'c0'}
            ]
        });
        if ("Admin" != "<?php echo $_SESSION['perfil'] ?>") {
            $('#resultado').jqxGrid('hidecolumn', 'costo_unitario');
        }
    }
    $(document).ready(function() {
        $('#buscar').click(function() {
            var dataForm = $('#formulario').serialize();
            $.ajax({
                url: 'ventas_por_vendedor_ajax_proceso.php',
                type: 'POST',
                data: dataForm,
                success: function(data) {
                    var obj = $.parseJSON(data);
                    grid(obj);
                }
            });
        });

        $("#verProducto").jqxButton({width: '150', height: '25'});

        $("#verProducto").bind("click", function() {
            var selectedrowindex = $('#resultado').jqxGrid('selectedrowindex');
            if (selectedrowindex != -1) {
                var datarow = $("#resultado").jqxGrid('getrowdata', selectedrowindex);
                var url = "<?php echo $_SESSION['BASE'] ?>" +
                        "/mantenedor_productos/detalle_producto.php?codigo=" +
                        datarow.cod_prod +
                        "&viene=0";
                $(".various").fancybox({
                    maxWidth: 800,
                    maxHeight: 600,
                    fitToView: false,
                    width: '70%',
                    height: '70%',
                    autoSize: false,
                    closeClick: false,
                    openEffect: 'none',
                    closeEffect: 'none',
                    type: 'iframe',
                    iframe: {
                        scrolling: 'auto',
                        preload: true
                    },
                    href: url
                });
                $(".various").trigger('click');
            }
            else {
                alerta("Atención", "No ha seleccionado niguna fila");
            }
        });

        $("#verFactura").jqxButton({width: '150', height: '25'});

        $("#verFactura").bind("click", function() {
            var selectedrowindex = $('#resultado').jqxGrid('selectedrowindex');
            if (selectedrowindex != -1) {
                var datarow = $("#resultado").jqxGrid('getrowdata', selectedrowindex);
                var url = "<?php echo $_SESSION['BASE'] ?>" +
                        "/factura/ver_factura.php?nfactura=" +
                        datarow.cod_factura + "&cliente=lala";
                $(".various").fancybox({
                    maxWidth: 800,
                    maxHeight: 600,
                    fitToView: false,
                    width: '70%',
                    height: '70%',
                    autoSize: false,
                    closeClick: false,
                    openEffect: 'none',
                    closeEffect: 'none',
                    type: 'iframe',
                    iframe: {
                        scrolling: 'auto',
                        preload: true
                    },
                    href: url
                });
                $(".various").trigger('click');
            }
            else {
                //alert('No ha seleccionado niguna fila');
                alerta("Atención", "No ha seleccionado niguna fila");
            }

        });
    });
</script>